<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		div {
			width: 200px;
			height: 200px;
			background-color: cadetblue;
			border-radius: 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			float: left;
		}
		/* 需要 overflow */
		.d1 {
			resize: vertical;
			overflow: hidden;
		}
		.d2 {
			resize: horizontal;
			overflow: auto;
			margin-left: 10px;
		}
		.d3 {
			resize: both;
			overflow: scroll;
			margin-left: 10px;
		}
	</style>
	<body>
		<div class="d1">resize: vertical;</div>
		<div class="d2">resize: horizontal;</div>
		<div class="d3">resize: both;</div>
	</body>
</html>